<template>
    <SubScopeSlot>
        <template v-slot:default="scope">
            <p>{{ scope }}</p>
        </template>
        <template #header="scope">
            <p>{{ scope }}</p>
            <p>{{ scope.message }}</p>
        </template>
        <template #user="{ user }">
            <p>{{ user }}</p>
            <p>{{ user.name }}</p>
            <p>{{ user.age }}</p>
        </template>
    </SubScopeSlot>
</template>

<script setup>
    import SubScopeSlot from './SubScopeSlot.vue';
</script>